<!--
 * @Description:
 * @Date: 2020-02-26 12:58:04
 * @LastEditors: 自己洗小红花
 * @LastEditTime: 2020-02-26 16:27:01
 -->
<template>
  <div class="container">
    <el-scrollbar :native="false" tag="section" class="el-scroll">
      <div class="view">
        <div class="top">
          <div>
            规则名称：
            <el-input placeholder="规则名称" v-model="ruleName" size="small" class="input-with-select"></el-input>
          </div>
          <div>
            制作对象：
            <el-select v-model="formulateObject">
              <el-option
                :label="item.dictName"
                v-for="item in labelListData"
                :key="item.dictId"
                :value="item.dictId"
              ></el-option>
            </el-select>
          </div>
          <div>
            <el-button type="primary" size="small">搜索</el-button>
            <el-button type="primary" size="small">添加</el-button>
            <el-button type="danger" size="small">删除</el-button>
          </div>
        </div>
        <!-- <div class="table">
        <el-scrollbar :native="false" tag="section" class="el-scroll">
          <el-table
            :data="tableData"
            :header-cell-style="{background:'#eef1f6',color:'#606266'}"
            v-loading="Loading"
            element-loading-text="数据加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(21, 29, 54, 0.8)"
            border
            highlight-current-row
            @selection-change="selChange"
          >
            <el-table-column type="selection" width="35"></el-table-column>
            <el-table-column
              align="center"
              :show-overflow-tooltip="true"
              prop="ruleName"
              label="规则名称"
            ></el-table-column>
            <el-table-column
              align="center"
              :show-overflow-tooltip="true"
              prop="formulateObject"
              label="制定对象"
            ></el-table-column>
            <el-table-column
              align="center"
              :show-overflow-tooltip="true"
              prop="ruleDescription"
              label="规则描述"
            ></el-table-column>
            <el-table-column
              align="center"
              :show-overflow-tooltip="true"
              prop="ruleExpression"
              label="规则表达式"
            ></el-table-column>
            <el-table-column label="操作" width="400" align="center">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.status == '0'? 'success':'danger'"
                  @click="showStatus(scope.row)"
                >{{scope.row.status == 0? '启用':'停用'}}</el-button>
                <el-button size="mini" type="danger" @click="deleteList(scope.row)">删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-scrollbar>
      </div>
      <div class="bottom">
        <el-pagination
          layout="total, sizes, prev, pager, next"
          background
          :page-count="10"
          :page-sizes="[5, 10, 20, 40]"
          :page-size="page.pageSize"
          :total="page.total"
          :current-page="page.pageNum"
          @current-change="changePage"
          @size-change="sizeChange"
        ></el-pagination>
        </div>-->
      </div>
    </el-scrollbar>
  </div>
</template>
<script>
export default {
  name: "inquireView",
  components: {},
  data() {
    return {
      ruleName: "",
      formulateObject: "",
      labelListData: {}
    };
  },
  methods: {}
};
</script>
<style scoped lang="less">
@import url("./inquire.less");
</style>
